<template>
	<div class="page">
		<div class="bok-contens">
			<div class="header">
				<img class="label1 isTrigger" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2c4cc2f6608571bcfef8aca5296fa033a09a7881b3f8ae1f79b4406a58246e5" @click="onPrevious" />
				<span class="info1">重要事项告知书(2/3)</span>
			</div>
			<hr class="hr" />
			<div class="text-conent">
				<span class="txt1">续保协议</span>
				<ul>
					<li>在接受本协议之前，请您仔细阅读本协议的全部内容。如果您不同意本协议的任意内容，或者无法准确理解条款的含义，请不要进行后续操作。</li>
					<li>一、在您确认接受本协议时，即表示在您投保的**保险期间届满前，您已经向保险人申请续保（再次发起投保），并同意交纳保费。</li>
					<li>二、您的续保请求将由保险人进行审核，若保险人同意为您续保，收取保险费，并出具保险凭证的，**保险合同将自上一期保险期间届满之日起，重新续保一期。您将获得**保险持续的保障，保险责任、保险金额、保险期限等要素与您首次投保相同。</li>
					<li>三、若保险人审核后决定不予续保，将不会收取您的保费，已经扣取的保费将退还至您的账户。</li>
					<li>四、您同意并授权保险人在保险期间届满前，从您的支付宝账户（包括但不限于支付宝账户余额、余额宝、绑定银行卡等）中扣收续保所需交纳的保费。用于交纳保费的支付宝账户在交纳首次保费后不可更改。为防止因保费扣收不成功而影响您的保障，建议您在支付宝账户中留存足够的资金。</li>
					<li>五、您理解**续保保险费由保险人根据风险程度不同，按照报备保险监督管理机构的费率确定，因此您每期所交纳的保费金额可能将有所不同。</li>
					<li>保险人将按照【保费费率表】中记载的保费金额进行保费扣收，如续保保费与【保费费率表】中保费金额不同时，保险人将终止自动续保服务。</li>
					<li>六、您理解并同意，保险人可能对保险条款进行更新。更新后的保险条款将予以公示，并适用于您与保险人之间续保的保险合同。如您不能接受更新后的保险条款，您可以随时解除保险合同。</li>
					<li>七、出现下列情形之一的，本协议解除，保险人不再为投保人提供续保服务：</li>
					<li>1、您已经办理**退保；</li>
					<li>2、您已经关闭自动续保功能或通知保险人解除本自动续保服务协议；</li>
					<li>3、保险人已停止平安保险的销售；</li>
					<li>4、您的续保请求经保险人审核不予承保的；</li>
					<li>5、被保险人年龄超过好医保·住院医疗规定的年龄范围的；</li>
					<li>6、保费划扣不成功的；</li>
					<li>7、保险合同、保险条款约定不能进行续保的；</li>
					<li>8、其他终止服务的情形。</li>
					<li>八、除双方另有约定外，本协议的有效期与平安产品页面展示的可续保期限保持一致。每期产品到期前，都将自动为您申请续保（再次发起投保）。</li>
				</ul>
			</div>
			<hr />
			<div class="btn" @click="next">
				<div type="warning" class="div-btn"><span class="btn-text">下一步</span></div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	methods: {
		next() {
			this.$router.push({ path: '/pagethree' });
		},
		onPrevious() {
			this.$router.push({ path: '/pagefirst' });
		}
	}
};
</script>

<style scoped>
.page {
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-family: serif;
}
.bok-contens {
	height: 100%;
	height: 100%;
}
.header {
	padding: 30px;
}
.info1 {
	font-size: 16px;
	width: 150px;
	height: 22px;
	font-weight: bold;
}
.label1 {
	width: 10px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 31px;
}
.hr {
	margin-bottom: 10px;
}
.text-conent {
	padding: 15px;
	height: 66%;
	overflow-y: auto;
}
.txt1 {
	height: 16px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	border-bottom: 6px solid #fb8f6a;
	padding-bottom: 14px;
	margin-bottom: 10px;
}
ul {
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
li {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	padding: 4px 0;
	text-align: left;
}
.btn {
	clear: both;
	height: 82px;
	padding-top: 12px;
	justify-content: center;
	align-items: center;
	display: flex;
}
.div-btn {
	width: 345px;
	height: 44px;
	border-radius: 5px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #ff6000;
	color: #fff;
	border-color: #f90;
}
.btn-text {
	font-size: 14px;
}
.li-span {
	height: 20px;
}
.conent-color {
	width: 64px;
	height: 5px;
	background: #fb8f6a;
	position: absolute;
	top: 127px;
	left: 12px;
}
</style>
